@import "@wordpress/base-styles/breakpoints";
@import "@wordpress/base-styles/mixins";
@import "@wordpress/base-styles/variables";

.team-invite .hosting-dashboard-layout__body-wrapper {
	max-width: 700px;
}

.team-invite-form {
	padding-block-start: 16px;
}

.team-invite-form__required-information {
	@include body-medium;
	color: var(--color-neutral-50);
	margin-block-start: -32px;
}

.team-invite-form__footer {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	gap: 8px;
	margin-block-start: -16px;

	@include breakpoint-deprecated("<660px") {
		flex-direction: column;
	}
}
